<template>
  <p v-show="!loading" class="text-center">{{ formatStatistics }}</p>
</template>

<script>
export default {
  name: 'website-statistics', // 网站统计信息
  data() {
    return {
      statistics: {}, // 统计数据
      loading: false, // 正在加载统计数据
    };
  },
  computed: {
    // 处理数据
    formatStatistics() {
      return `截止${this.statistics.time}，注册人数：${this.statistics.reg}，历史访问次数：${this.statistics.visit}，资源数：${this.statistics.source}，问题数：${this.statistics.issue}。`;
    },
  },
  created() { this.loadStatistics(); },
  methods: {
    // 加载网站统计数据
    loadStatistics() {
      this.isLoading = true;
      this.$api.other.loadWebsiteStatistics()
        .then((res) => { this.statistics = res.data; })
        .catch(() => {})
        .then(() => { this.isLoading = false; });
    },
  },
};
</script>

<style></style>
